#modified-files {
    padding: 0 15px;

    > h3 {
        margin-bottom: 5px;

        > .badge {
            position: relative;
            top: -1px;
        }
    }

    .file {
        display: flex;
        width: 100%;

        > .status {
            display: inline-block;
            flex: 0 0 auto;
            width: 26px;
            text-align: center;
            font-weight: 600;

            &.status-A {
                color: #58b359;
            }
            &.status-M {
                color: #f5b849;
            }
            &.status-D {
                color: #da5353;
            }
        }

        > .path {
            flex: 1 1 auto;
        }

        > .changes {
            flex: 0 0 auto;
            width: 55px;
            visibility: hidden;

            &.show-changes {
                visibility: visible;
            }

            &.lines-added {
                margin: 0 5px 0 0;
                text-align: right;
            }
        }
    }

    .ui-select-toggle {
        width: 100%;
        box-sizing: border-box;
    }

    .ui-select-match-text {
        display: flex;
        align-items: center;
        width: 100%;
        height: 26px;
        padding: 0 20px 0 0;
        font-size: 16px;
        box-sizing: border-box;

        .file {
            > .status {
                flex: 0 0 auto;
                position: relative;
                top: -1px;
                width: auto;
                margin: 0 8px 0 0;
                line-height: normal;
            }

            > .path {
                line-height: normal;
            }

            > .changes {
                flex: 0 0 auto;
                width: auto;
                display: none;
                visibility: visible;
                line-height: normal;

                &.show-changes {
                    display: block;
                }
            }
        }
    }

    .ui-select-bootstrap .ui-select-choices-row.active > a {
        .status.status-A,
        .status.status-M,
        .status.status-D,
        .text-success,
        .text-error {
            color: #ffffff;
        }
    }

    > .loading {
        height: 16px;
        background: url('loader-mini.gif') no-repeat left center;
    }
}
